﻿<script>
    $(document).ready(function () {
        $('#dataTable').dataTable({
            "bProcessing": true,
            "sAjaxSource": '/Content/json/sale.txt',
            "bSort": false,
            "bFilter": false,
            "bLengthChange": false,
            "aoColumns": [
                 { "mDataProp": "Photo", "sTitle": "Photo", "sWidth": "80px",
                     "fnRender": function (o, val) {
                         return "<div class='prdThumb60'><img src='" + val + "' /></div>";
                     }
                 },
                 { "mDataProp": "Name", "sTitle": "Name" },
                 { "mDataProp": "List Price", "sTitle": "List Price", "sWidth": "80px" },
                 { "mDataProp": "Special Price", "sTitle": "Special Price", "sWidth": "80px" },
                 { "mDataProp": "Add At", "sTitle": "Add At", "sWidth": "120px" },
                 { "mDataProp": null, "sTitle": "Action", "sWidth": "100px",
                     "fnRender": function (o, val) {
                         return "<a href='#'>Remove</a>";
                     }
                 }
            ]
        });
    });
</script>
<div class="grid_14">
    <a href="/">Home</a> &gt; <a href="/Promotion/Sale">Promotion</a> &gt; New Arrival
    <hr />
</div>
<div class="grid_14">
    <div class="box">
        <h2>New Arrival<b class="right"><a href="#">Add Product</a></b></h2>
        <table id="dataTable"></table>
        <div class="clear"></div>
    </div>
</div>